<template>
    <view class="uni-flex">
        <image src="/static/logo.png" style="flex:0 1 98px; height: 88px"></image>
        <view class="scenicItem">
            <view class="uni-flex">
                <view class="scenicTitle">
                    中石化(平远服务区加油站)
                </view>
                <view style="padding-top: 4px;padding-left: 6px">
                    <image src="/static/comon_list_icon_hot1_slices/comon_list_icon_hot1.png" style="width: 19px;height: 14px;"></image>
                </view>
            </view>
            <view class="uni-flex">
                <view style="padding-right: 4px">
                    <image src="/static/common list_icon_tel_slices/common list_icon_tel.png" style="width: 8px;height: 8px;"></image>
                </view>
                <view class="scenicPhone">0753-8888888</view>
            </view>
            <view class="uni-flex uni-row" style="justify-content:space-between;">
                <view class="uni-flex">
                    <view style="padding-right: 4px">
                        <image src="/static/common list_icon_add_slices/common list_icon_add.png" style="width: 8px;height: 8px;"></image>
                    </view>
                    <view class="scenicPhone">差干镇加丰村塔子里</view>
                </view>
                <view class="scenicLocal">查看路线 ></view>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        name: "publicListItem"
    }
</script>

<style lang="scss">

    .scenicItem{
        width: 65%;
        position: relative;
        left: 8px;
        padding-top: 12px;
        .scenicTitle{
            color: #333333;
            font-size: 16px;
            font-weight:bold;
        }
        .scenicPhone{
            color:#666666;
            font-size: 10px;
        }
        .scenicAdress{
            color:#666666;
            font-size: 10px;
        }
        .scenicLocal{
            color:#333333;
            font-size: 10px;
        }
    }

</style>
